<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{layout :: css(~{::title},~{})}">

    <title>用户管理界面</title>
</head>
<body>
<div th:insert="~{layout::sidebar(activeURI='one')}"></div>
<div class="right">
    <div class="tablename">用户列表</div>
    <div style="float: right">

        <label> 搜索</label>
        <input type="text" style="width: 300px;height: 30px" placeholder="全局搜索" id="key">
        <button id="sou" value="搜索" style="background-color: #4CAF50;border: 0px;width: 40px;height: 30px;font-size: medium">搜</button>

    </div>
<table id="myTable" >
    <thead>
<tr>
    <th>ID</th>
    <th>邮箱</th>
    <th>姓氏</th>
    <th>名字</th>
    <th>地区</th>
    <th>地址一</th>
    <th>地址二</th>
    <th>城市</th>
    <th>国家</th>
    <th>手机号</th>
    <th>编辑</th>
</tr>
    </thead>
    <tbody>

    <tr th:each="account:${Account}">
<!--        <form th:action="update" method="post">-->
        <td th:text="${account.userid}" name ="userid" class="id"></td>
        <td th:text="${account.email}"  name="email"></td>
        <td th:text="${account.firstname}" name="firstname"></td>
        <td th:text="${account.lastname}" name="lastname"></td>
        <td th:text="${account.status}" name="status"></td>
        <td th:text="${account.addr1}" name="addr1"></td>
        <td th:text="${account.addr2}" name="addr2"></td>
        <td th:text="${account.city}" name ="city"></td>
        <td th:text="${account.country}" name="country"></td>
        <td th:text="${account.phone}" name="phone"></td>
        <td><button value="修改" class="accountchange">修改</button></td>
<!--    </form>-->
<!--        <form th:action="update" method="post">-->

<!--            <td><input th:value="${account.userid}" name ="userid"></td>-->
<!--            <td><input th:value="${account.email}"  name="email"></td>-->
<!--            <td><input th:value="${account.firstname}" name="firstname"></td>-->
<!--            <td><input th:value="${account.lastname}" name="lastname"></td>-->
<!--            <td><input th:value="${account.status}" name="status"></td>-->
<!--            <td><input th:value="${account.addr1}" name="addr1"></td>-->
<!--            <td><input th:value="${account.addr2}" name="addr2"></td>-->
<!--            <td><input th:value="${account.city}" name ="city"></td>-->
<!--            <td><input th:value="${account.country}" name="country"></td>-->
<!--            <td><input th:value="${account.phone}" name="phone"></td>-->
<!--            <td><input type="submit" value="修改"></td>-->
<!--        </form>-->
    </tr>
    </tbody>
</table>
</div>
<div id="submitForm"></div>
</body>
<script src="js/account.js" type="text/javascript"></script>
<script src="js/sousuo3.js" type="text/javascript"></script>
</html>